<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Office</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- CSS -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300">
        <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
        <link href="http://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css">
        <link rel="stylesheet" href="assets/css/font-awesome.min.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" type="text/css" media="all" href="assets/css/style-projects.css">
        <link rel="stylesheet" href="css/style.css" type="text/css" />

        <!-- Favicon and touch icons -->
        <link rel="shortcut icon" href="assets/ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
    
   <style>
a:hover{
 background-color: #ffa22e; color: #ffffff; text-decoration:none;;
}

.citychk{
 background-color: #ffa22e; color: #ffffff;
}
</style>
    </head>


    <body>

    <!-- Header -->
        
    <nav id="navbar-section" class="navbar navbar-default navbar-static-top navbar-sticky" role="navigation">
        <div class="container">
        
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <a class="navbar-brand wow fadeInDownBig" href="index.html">
                	<!--<img class="office-logo" src="assets/img/slider/Office.png" alt="Office">-->
                		校园内推
                </a>      
            </div>
        
            <div id="navbar-spy" class="collapse navbar-collapse navbar-responsive-collapse">
                <ul class="nav navbar-nav pull-right">
                    <li>
                        <a href="index.html">主页</a>
                    </li>
                    
                    <li  class="active">
                        <a href="blog.html">找工作</a>
                    </li>
                    <li>
                        <a href="../index/produce/index.html">纪念品商城</a>
                    </li>
                    <li>
                        <a href="team.html"><span>聊工作</span></a>
                    </li>
                
                    <li>
                        <a href="../login/index.html"><span>登录</span></a>
                    </li>
                </ul>         
            </div>
        </div>
    </nav>

    <!-- End Header -->
          
    <div class="row container-kamn">
    	    </div>
       <div class="mask"></div>

<div id="wrap" class="hide" style="float: left;">
	
	<div class="city">
		<div class="top01-city"  >
			<em class="ok">确定</em><b >请选择工作地点（最多五项）</b>
		</div>
		<div class="mid01-city">
			<div class="cityshow" id="show">
				<i>已选地点:</i>
				<ul></ul>	
			</div>

			<div class="cityshow1" id="show1">
			

			<table>
			<tr><td colspan="2"><i>主要城市:</i></td></tr>
			<tr><td>
			<ul class="cityul">
			<li><strong>A</strong>
			<a ><b>鞍山</b></a>
			</li>
			<li><strong>B</strong>
				<a ><b>北京</b></a>
				<a ><b>包头</b></a>
				<a><b>保定</b></a></li>
			<li><strong>C</strong>
				<a ><b>长春</b></a>
				<a><b>长沙</b></a>
				<a><b>成都</b></a>
				<a><b>重庆</b></a>
				<a><b>常州</b></a>
				<a><b>常德</b></a>
				<a><b>常熟</b></a>
			</li>
			<li><strong>D</strong>
				<a ><b>大连</b></a>
				<a><a><b>东莞</b></a>
				<a><a><b>丹东</b></a>
				<a><a><b>大庆</b></a>
			</li>
			<li><strong>E</strong>
				<a ><b>鄂尔多斯</b></a>
			</li>
			<li><strong>F</strong>
				<a ><b>福州</b></a>
				<a><a><b>佛山</b></a>
				<a><a><b>抚顺</b></a>
			
			</li>
			<li><strong>G</strong>
				<a ><b>广州</b></a>
				<a><a><b>贵阳</b></a>
				<a><a><b>赣州</b></a>
			
			</li>
			<li><strong>H</strong>
				<a ><b>哈尔滨</b></a>
				<a><a><b>杭州</b></a>
				<a><a><b>合肥</b></a>
			     <a><b>海口</b></a>
				 <a><b>呼和浩特</b></a>
			</li>

			<li><strong>J</strong>
				<a ><b>济南</b></a>
				<a><a><b>嘉兴</b></a>
				<a><a><b>金华</b></a>
			     <a><b>吉林</b></a>
				 <a><b>江门</b></a>
				 <a><b>荆州</b></a>
			</li>
			<li><strong>K</strong>
				<a ><b>昆明</b></a>
				<a><a><b>昆山</b></a>
			
			</li>
			</ul>
			</td>
			<td><ul class="cityul">
			<li><strong>L</strong>
			<a ><b>兰州</b></a>
			<a ><b>廊坊</b></a>
			<a ><b>临沂</b></a>
			<a ><b>洛阳</b></a>
			<a ><b>连云港</b></a>
			<a ><b>柳州</b></a>
		

			</li>
			<li><strong>M</strong>
				<a ><b>绵阳</b></a>
			</li>
			<li><strong>N</strong>
				<a ><b>南京</b></a>
				<a><b>宁波</b></a>
				<a><b>南昌</b></a>
				<a><b>南通</b></a>
				<a><b>南宁</b></a>
			
			</li>
			<li><strong>Q</strong>
				<a ><b>青岛</b></a>
				<a><a><b>泉州</b></a>
				<a><a><b>秦皇岛</b></a>
				<a><a><b>清远</b></a>
			</li>
			<li><strong>S</strong>
				<a ><b>上海</b></a>
				<a ><b>深圳</b></a>
				<a ><b>沈阳</b></a>
				<a ><b>石家庄</b></a>
				<a ><b>苏州</b></a>
				<a ><b>三亚</b></a>
				<a ><b>绍兴</b></a>
			
			</li>
			<li><strong>T</strong>
				<a ><b>天津</b></a>
				<a><a><b>太原</b></a>
				<a><a><b>台州</b></a>
				<a><a><b>唐山</b></a>
				<a><a><b>泰州</b></a>
				<a><a><b>铁岭</b></a>
			
			</li>
			<li><strong>W</strong>
				<a ><b>武汉</b></a>
				<a><b>无锡</b></a>
				<a><b>温州</b></a>
				<a><b>乌鲁木齐</b></a>
				<a><b>芜湖</b></a>
				<a><b>潍坊</b></a>
				<a><b>威海</b></a>
			
			</li>
			<li><strong>X</strong>
				<a><b>西安</b></a>
				<a><b>厦门</b></a>
				<a><b>徐州</b></a>
			     <a><b>襄阳</b></a>
				 <a><b>湘潭</b></a>
				  <a><b>咸阳</b></a>
			</li>

			<li><strong>Y</strong>
				<a ><b>烟台</b></a>
				<a><a><b>扬州</b></a>
				<a><a><b>宜昌</b></a>
			     <a><b>盐城</b></a>
				 <a><b>义乌</b></a>
				 <a><b>营口</b></a>
				 <a><b>银川</b></a>
			</li>
			<li><strong>Z</strong>
				<a ><b>漳州</b></a>
				<a><b>郑州</b></a>
				<a><b>中山</b></a>
				<a><b>珠海</b></a>
				<a><b>镇江</b></a>
				<a><b>株洲</b></a>
				<a><b>湛江</b></a>
				
			</li>
			</ul></td>
			</tr>
	
	</table>
			</div>

			
			
		</div>
	</div>
</div>


    <!-- End Header -->


    <!-- Main Container -->
    <div id="banners"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-9"> 
                    <div class="blog-post">
                        <h1 class="blog-title">
                            <i class="fa fa-file-text"></i>
                           	高级前端WEB开发工程师
                        </h1>
                        <b class="acity">请选择城市</b>
                        <br>
                        <img src="assets/img/slider/blog3.jpg" alt="Feature-img" align="right" width="100%" class="blog-image">
                        <br>
                        <p>
                           	 中国具有广泛影响力的人力资源服务供应商,在美国上市的中国人力资源服务企业,
                        </p>
                        <div>
                            <span class="badge">发布时间：2018-6-2 15:30:20</span>
                            <div class="pull-right">
                                <span class="label label-default">优秀企业</span> 
                                <span class="label label-primary">优秀企业</span> 
                                <span class="label label-success">优秀企业</span> 
                                <span class="label label-info">优秀企业</span> 
                        
                                <span class="label label-danger">优秀企业</span>
                                 <span class="label label-warning"><a href="about.html"  class="detail">查看详情</a></span>
                            </div>         
                        </div>
                    </div>
                    <hr>

                    <div class="blog-post">
                        <h1 class="blog-title">
                            <i class="fa fa-file"></i>
                            	销售顾问
                        </h1>
                        <br>
                        <img src="assets/img/slider/blog2.jpg" alt="Feature-img" align="right" width="100%" class="blog-image">
                        <p>
                        	公司致力于无线通信系统相关产品的研发、生产和销售，在无线通信网络方面积累了较强的产品优势。公司始终将创新研发作为成长发展的源动力。
							近几年，公司积极布局于无线网络安全领域，并保持了较好的业绩增长，市场销售已基本覆盖全国，在业内形成了良好的口碑，并成长为行业内一流品牌。
                        </p>
                        <div>
                            <span class="badge">发布时间：2018-6-2 15:20:02</span>
                               <div class="pull-right">
                              <span class="label label-default">优秀企业</span> 
                                <span class="label label-primary">优秀企业</span> 
                                <span class="label label-success">优秀企业</span> 
                                <span class="label label-info">优秀企业</span> 
                              
                                <span class="label label-danger">优秀企业</span>
                                <span class="label label-warning" style="height: 15px;"><a href="about.html" class="detail">查看详情</a></span>
                            </div>
                        </div>  
                    </div>   
                    <hr>

                    <div class="blog-post">
                        <h1 class="blog-title">
                            <i class="fa fa-cloud"></i>
                           高级java开发工程师
                        </h1>
                       <br>
                        <img src="assets/img/slider/blog1.jpg" alt="Feature-img" align="right" width="100%" class="blog-image">
                        <p>
                         	  为配合公司的快速发展，我们诚邀相关有志人士加入，与我们一起发展。
							公司一向贯彻“以人为本”的宗旨为员工良好的福利待遇和职业发展条件。
                        </p>
                        <div>
                            <span class="badge">发布时间：2018-6-2 15:10:02</span>
                            <div class="pull-right">
                             <span class="label label-default">优秀企业</span> 
                                <span class="label label-primary">优秀企业</span> 
                       
                                <span class="label label-warning">优秀企业</span>
                                <span class="label label-danger">优秀企业</span>
                                        <span class="label label-warning"><a href="about.html"  class="detail">查看详情</a></span>
                            </div>         
                        </div>
                    </div>
                    <hr>

                    <ul class="pagination">
                        <li class="disabled"><a href="#">&laquo;</a></li>
                        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                        <li><a href="#">2 <span class="sr-only"></span></a></li>
                        <li><a href="#">3 <span class="sr-only"></span></a></li>
                        <li><a href="#">4 <span class="sr-only"></span></a></li>
                        <li><a href="#">5 <span class="sr-only"></span></a></li>
                    </ul>
                </div>

                <div class="col-md-3">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title"><strong>职位搜索</strong></h3>
                        </div>
                        <div class="panel-body">
                            <form role="form" action="blog.html">
                                <div class="form-group">
                                    <label for="exampleInputEmail1">职位名称</label>
                                    <input type="text" class="form-control" style="border-radius:0px" id="exampleInputEmail1">
                                </div>
                           
                                <button type="submit" class="btn btn-sm btn-default">搜索</button>
                            </form>
                        </div>
                    </div>

                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <!-- Indicators -->
                        <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                        </ol>
                        <!-- Wrapper for slides -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <img src="http://placehold.it/292/16a085/FFF&text=CSS3" alt="" class="img-responsive" />
                            </div>
                            <div class="item">
                                <img src="http://placehold.it/292/d35400/FFF&text=HTML5" alt="" class="img-responsive" />
                            </div>
                            <div class="item">
                                <img src="http://placehold.it/292/2980b9/FFF&text=RESPONSIVE" alt="" class="img-responsive" />
                            </div>
                            <div class="item">
                                <img src="http://placehold.it/292/8e44ad/FFF&text=BOOTSTRAP3" alt="" class="img-responsive" />
                            </div>
                        </div>
                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left"></span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
       
        <!--End Main Container -->



    <!-- Footer -->
    <footer> 
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h3><i class="fa fa-map-marker"></i>联系方式</h3>
                    <p class="footer-contact">
                                                  阜阳师范学院<br>
                                                 手机:13811012138 传真: 26531589<br>
                       	 邮箱: hello@qq.com<br>
                    </p>
                </div>
                <div class="col-md-4">
                    <h3><i class="fa fa-external-link"></i>跳转</h3>
                    <p> <a href="#"> 关于我们</a></p>
                    <p> <a href="#"> 服务</a></p>
                    <p> <a href="#">联系我们</a></p>
                    <p> <a href="#">推送</a></p>
                    <p> <a href="#">纪念品商城</a></p> 
                </div>
              <div class="col-md-4">
                <h3><i class="fa fa-heart"></i>介绍</h3>
                <div id="social-icons">
                	服务在校学生
                    <!--<a href="#" class="btn-group google-plus">
                        <i class="fa fa-google-plus"></i>
                    </a>
                      <a href="#" class="btn-group linkedin">
                        <i class="fa fa-linkedin-square"></i>
                    </a>
                      <a href="#" class="btn-group twitter">
                        <i class="fa fa-twitter"></i>
                    </a>
                      <a href="#" class="btn-group facebook">
                        <i class="fa fa-facebook"></i>
                    </a>-->
                </div>
              </div>    
        </div>
      </div>
    </footer>

    
    <div class="copyright text center">
        <p>Copyright &copy; 2018 校园内推</p>
    </div>

        
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
      new WOW().init();
    </script>
    
     <script type="text/javascript">
	var cityId = 0;	
	$(function(){
		$('.acity').click(function(){
			$('.city').show();
			$('#wrap').removeClass('hide')
			$('.mask').show();
		});
		$('.cityul b').click(function(){
			var test=$(this).html();
		
			if($(this).attr("city") == undefined){ $(this).attr("city", window.cityId++);}
			var city = $(this).attr("city");
			if( $('input[city="'+ city +'"]').size()){
				$('input[city="'+ city +'"]').parent().remove();
			} else {
				var ml=$('.cityshow li').length;
				if(ml>4){
					alert('最多只能添加5个');
				}else{
					var test=$(this).html();
					$('<li class="licity"><input  name="citychk" type="checkbox" checked="true" city="'+ city +'" class="check"><b>'+test+'</b></li>').appendTo('.cityshow ul');
				}
			}
			
			$('input[name=citychk]').click(function(){
				$(this).parent('.licity').remove();
			});
			
		});	
		$('.ok').click(function(){
				
				var total="";
				if($('.cityshow ul li').text()=='')
				{
					$('.city').hide();
						$('#wrap').addclass('hide')
					$('.mask').hide();
				}else{
					$('.cityshow ul li').each(function(){
						total += (total.length > 0 ? "+" : "" ) + $(this).text();
					});
					$('.acity').text(total);
					$('.city').hide();
					$('.mask').hide();
				    $('#wrap').addClass('hide')
				}
				
				
			})
		
		$('.detail').click(function(){
			window.location.href='about.html';
		})
	
	})
</script>
    

  </body>
</html>
